<!--
* @package   ENY Tab Slider
* @version   1.0.00 2009-12-23
* @author    ENYtheme http://www.enytheme.com
* @copyright Copyright (C) 2009 ENYtheme e.K.
* @licence	 GNU/GPL
-->

<style type="text/css">
<?php if ($params->get('tabcolor') == 0) :?> 
ul#tabs li a.current { background:url(modules/mod_eny_tab_slider/images/black.png) right;}
<?php endif; ?>
<?php if ($params->get('tabcolor') == 1) :?> 
ul#tabs li a.current { background:url(modules/mod_eny_tab_slider/images/red.png) right;}
<?php endif; ?>
<?php if ($params->get('tabcolor') == 2) :?> 
ul#tabs li a.current { background:url(modules/mod_eny_tab_slider/images/blue.png) right;}
<?php endif; ?>
<?php if ($params->get('tabcolor') == 3) :?> 
ul#tabs li a.current { background:url(modules/mod_eny_tab_slider/images/white.png) right;}
<?php endif; ?>
<?php if ($params->get('tabcolor') == 4) :?> 
ul#tabs li a.current { background:url(modules/mod_eny_tab_slider/images/orange.png) right;}
<?php endif; ?>
<?php if ($params->get('tabcolor') == 5) :?> 
ul#tabs li a.current { background:url(modules/mod_eny_tab_slider/images/purple.png) right;}
<?php endif; ?>
<?php if ($params->get('tabcolor') == 6) :?> 
ul#tabs li a.current { background:url(modules/mod_eny_tab_slider/images/pink.png) right;}
<?php endif; ?>
<?php if ($params->get('tabcolor') == 7) :?> 
ul#tabs li a.current { background:url(modules/mod_eny_tab_slider/images/grey.png) right;}
<?php endif; ?>
<?php if ($params->get('tabcolor') == 8) :?> 
ul#tabs li a.current { background:url(modules/mod_eny_tab_slider/images/green.png) right;}
<?php endif; ?>


/* Title Color */
h3.enytheme {color:<?php echo $h3color ?>; }
ul#tabs li a.current h3 {color: <?php echo $h3colorcurrent ?>;}

/* Slogan Color */
ul#tabs li a { color:<?php echo $slogancolor ?>;}
ul#tabs li a.current {color:<?php echo $slogancolorcurrent ?>;}

/* Read more Button Color */
ul#output li a {color:<?php echo $readmoretext ?>; background:<?php echo $readmorebackground ?>;}
ul#output li a:hover {color:<?php echo $readmoretext ?>; background:<?php echo $readmorebackground ?>;}

/* Total Width */
div#feature_list {width: <?php echo $total_width ?>px;}

/* Tab Width */			
ul#tabs {width: <?php echo $tab_width ?>px;}

/* Image Width */
ul#output {width: <?php echo $image_width ?>px;}
ul#output li {width: <?php echo $image_width ?>px;}
		
/* Total height Definition */	
<?php if ($params->get('counttabs') == 0) :?> 
div#feature_list {height: 80px;}
ul#output {height: 80px;}
ul#output li {height: 80px;}
<?php endif; ?>
<?php if ($params->get('counttabs') == 1) :?> 
div#feature_list {height: 160px;}
ul#output {height: 160px;}
ul#output li {height: 160px;}
<?php endif; ?>			
<?php if ($params->get('counttabs') == 2) :?> 
div#feature_list {height: 344px;}
ul#output {height: 267px;}
ul#output li {height:267px;}
<?php endif; ?>
<?php if ($params->get('counttabs') == 3) :?> 
div#feature_list {height: 320px;}
ul#output {height: 320px;}
ul#output li {height: 320px;}
<?php endif; ?>
<?php if ($params->get('counttabs') == 4) :?> 
div#feature_list {height: 344px;}
ul#output {height: 344px;}
ul#output li {height: 344px;}
<?php endif; ?>

</style>
		
		<div id="feature_list">
	          <ul id="output">
				<?php if ($params->get('first_tab_activation') == 1) :?> 
				<li>
					<img src="<?php echo JURI::root(); ?>images/eny_tab_slider/<?php echo $first_tab_image ?>" />
					<a target="_self" href="<?php echo $first_tab_readmore_link ?>"><?php echo $first_tab_readmore_text ?></a>
				</li>
				<?php endif; ?>
				
				<?php if ($params->get('second_tab_activation') == 1) :?> 
				<li>
					<img src="<?php echo JURI::root(); ?>images/eny_tab_slider/<?php echo $second_tab_image ?>" />
					<a target="_self" href="<?php echo $second_tab_readmore_link ?>"><?php echo $second_tab_readmore_text ?></a>
				</li>
				<?php endif; ?>
				<?php if ($params->get('third_tab_activation') == 1) :?> 
				<li>
					<img src="<?php echo JURI::root(); ?>images/eny_tab_slider/<?php echo $third_tab_image ?>" />
					<a target="_self" href="<?php echo $third_tab_readmore_link ?>"><?php echo $third_tab_readmore_text ?></a>
				</li>
				<?php endif; ?>
				<?php if ($params->get('fourth_tab_activation') == 1) :?> 
				<li>
					<img src="<?php echo JURI::root(); ?>images/eny_tab_slider/<?php echo $fourth_tab_image ?>" />
					<a target="_self" href="<?php echo $fourth_tab_readmore_link ?>"><?php echo $fourth_tab_readmore_text ?></a>
				</li>
				<?php endif; ?>
				<?php if ($params->get('fifth_tab_activation') == 1) :?> 
				<li>
					<img src="<?php echo JURI::root(); ?>images/eny_tab_slider/<?php echo $fifth_tab_image ?>" />
					<a target="_self" href="<?php echo $fifth_tab_readmore_link ?>"><?php echo $fifth_tab_readmore_text ?></a>
				</li>
				<?php endif; ?>
			</ul>	
			<ul id="tabs">
				<?php if ($params->get('first_tab_activation') == 1) :?>  
				<li	id="tab1" <?php if ($params->get('aktivatethumbnail') == 0) :?>
			      	 style=" width:300px;background:url(<?php echo JURI::root(); ?>images/eny_tab_slider/<?php echo $first_tab_thumb ?>) left no-repeat" 
			      	 <?php endif; ?> >
					<a href="javascript:;">
						<h3 class="enytheme"><?php echo $first_tab_title ?></h3>
						<span><?php echo $first_tab_subtitle ?></span>
					</a>
				</li>
				<?php endif; ?>
				<?php if ($params->get('second_tab_activation') == 1) :?> 
				<li  <?php if ($params->get('aktivatethumbnail') == 0) :?>
				     style="width:264px;background:url(<?php echo JURI::root(); ?>images/eny_tab_slider/<?php echo $second_tab_thumb ?>) left  no-repeat"
				     <?php endif; ?> >				
					<a href="javascript:;">
						<h3 class="enytheme"><?php echo $second_tab_title ?></h3>
						<span><?php echo $second_tab_subtitle ?></span>
					</a>
				</li>
				<?php endif; ?>
				<?php if ($params->get('third_tab_activation') == 1) :?> 
				<li  <?php if ($params->get('aktivatethumbnail') == 0) :?>
					style="width:335px;background:url(<?php echo JURI::root(); ?>images/eny_tab_slider/<?php echo $third_tab_thumb ?>) left  no-repeat"
            	    <?php endif; ?> >
					<a href="javascript:;">
						<h3 class="enytheme"><?php echo $third_tab_title ?></h3>
						<span><?php echo $third_tab_subtitle ?></span>
					</a>
				</li>
				<?php endif; ?>
				<?php if ($params->get('fourth_tab_activation') == 1) :?> 
				<li style="width:264px;background:url(<?php echo JURI::root(); ?>images/eny_tab_slider/<?php echo $fourth_tab_thumb ?>) left  no-repeat">
					<a href="javascript:;">
						<?php if ($params->get('aktivatethumbnail') == 0) :?>
						<?php endif; ?>
						<h3 class="enytheme"><?php echo $fourth_tab_title ?></h3>
						<span><?php echo $fourth_tab_subtitle ?></span>
					</a>
				</li>
				<?php endif; ?>
				<?php if ($params->get('fifth_tab_activation') == 1) :?> 
				<li style="width:264px;background:url(<?php echo JURI::root(); ?>images/eny_tab_slider/<?php echo $fifth_tab_thumb ?>) left  no-repeat">
					<a href="javascript:;">
						<?php if ($params->get('aktivatethumbnail') == 0) :?>
						<?php endif; ?>
						<h3 class="enytheme"><?php echo $fifth_tab_title ?></h3>
						<span><?php echo $fifth_tab_subtitle ?></span>
					</a>
				</li>
				<?php endif; ?>
			</ul>
			
</div>